<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="utf-8">
  <title>课程详情页</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="../../static/assets/libs/layui/css/layui.css" th:href="@{/assets/libs/layui/css/layui.css}"/>
  <link rel="stylesheet" href="../../static/assets/css/style.css" th:href="@{/assets/css/style.css}"/>
  <link rel="stylesheet" href="../../static/assets/css/css.css" th:href="@{/assets/css/css.css}"/>
  <link rel="stylesheet" href="../../static/assets/css/global.css" th:href="@{/assets/css/global.css}"/>
	<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
    <!-- 顶部 -->
	<div th:include="common :: headname"></div>
	<div class="course_body">
	    <div class="w1220 course_nav">
	        <span class="layui-breadcrumb">
	            <a href="/">首页</a>
	            <a href="/course/allcourse">课程</a>
	          <a><cite>[[${course.title}]]</cite></a>
	        </span>
	    </div>
	    <div class="w1220 course_intro">
	        <div class="course_img">
	            <img th:src="${course.picture}"/>
	        </div>
	        <div class="course_detail">
	            <h1>[[${course.title}]]</h1>
	            <div class="some">
	                <p> 课程类别：<span>[[${course.courseCategory}]]</span></p>
	                <p>课程分类：[[${course.courseSort}]]</p>
	                <p>课程类型：<strong style="color: red">[[${course.courseType}]]</strong></p>
					<p>价格：[[${course.price}]]元</p>

	            </div>
<!--	            <:if test="${course1.type=='free'}">-->
	            <a class="layui-btn layui-btn-lg" th:href="@{/course/vedio(id=${course.id})}">试看在线学习该课程</a>
	        </div>
	        <div id="share" class="share"></div>
	    </div>
	
	    <div class="w1220 course_content">
	        <div class="content_left" id="content">
				<!--课程部分-->
	            <div class="layui-tab layui-tab-brief" >
	                <ul class="layui-tab-title">
	                    <li class="layui-this"><h3>课程介绍</h3></li>
	                    <li><h3>课程资料</h3></li>
	                </ul>
	                <div class="layui-tab-content">
	                    <div class="layui-tab-item layui-show">[[${course.content}]]</div>
	                    <div class="layui-tab-item">
	                     	[[${file.fileName}]]<a th:href="@{/file/download(id=${course.id})}" style="margin-left: 150px">下载</a>
	                    </div>
	                </div>
	            </div>
	        </div>
	        <div class="content_right">
	            <div class="teacher">
	                <div class="layui-tab" style="margin-bottom: 0px">
	                    <ul class="layui-tab-title">
	                        <li><h3>授课老师</h3></li>
	                    </ul>
	                    <div class="layui-tab-content" style="height: 100px;padding-bottom: 0px">
	                        <div class="layui-tab-item layui-show">
	                            <a href="javascript:;"><img src="${teacher.imageName}" th:src="${user.user.avatar}"></a>
	                            <a href="javascript:;"><span>[[${course.username}]]</span>
	                            <p>努力从今天开始！成功从零攀登！</p></a>
	                        </div>
	                    </div>
	                </div>
	            </div>
	            <div class="recommend">
	                <div class="layui-tab" style="margin-bottom: 0px">
	                    <ul class="layui-tab-title">
	                        <li><h3>课程推荐</h3></li>
	                    </ul>
	                    <div class="layui-tab-content" style="padding-bottom: 0px;padding-right: 0px;">
	                        <div class="layui-tab-item layui-show">
	                            <ul class="rcourse" th:each="topCourse:${topCourse}">
			                            <li>
		                                    <img src="../../static/assets/images/hot.gif" th:src="@{/assets/images/hot.gif}">
		                                    <span><a th:href="@{/course/detail(id=${topCourse.id})}">[[${topCourse.title}]]</a></span>
		                                </li>
	                            </ul>
	                        </div>
	                    </div>
	                </div>
	            </div>
	        </div>
	    </div>
    </div>

	<!-- js部分 -->
	<div class="fly-footer">
		<p><a href="http://fly.layui.com/" target="_blank">Fly社区</a> 2021 &copy; <a href="http://www.layui.com/" target="_blank">layui.com 出品</a></p>
		<p>
			<a href="http://fly.layui.com/jie/3147/" target="_blank">付费计划</a>
			<a href="http://www.layui.com/template/fly/" target="_blank">获取Fly社区模版</a>
			<a href="http://fly.layui.com/jie/2461/" target="_blank">微信公众号</a>
		</p>
	</div>
	<script type="text/javascript" src="../../static/assets/libs/layui/layui.js" th:src="@{/assets/libs/layui/layui.js}"></script>
	<script type="text/javascript" src="../../static/assets/js/common.js" th:src="@{/assets/js/common.js}"></script>
	<script>
	    layui.config({
		  version: new Date().getTime()
		  ,base: '/assets/module/'
		}).extend({
			detail : 'detail'
		}).use('detail');
	    
	</script>
</body>
</html>